<style scoped>
    .expand-row{
        /* margin-bottom: 16px;
         */
      /* width: 1576px; */
      height: 104px;
      background: #FAFAFA;
    }
</style>
<template>
    <div>
        <Row>
            <Col span="3">
              <span class="expand-key">任务总条数: </span>
              <span class="expand-value">{{ row.total }}</span>
            </Col>
            <Col span="3">
              <span class="expand-key">已完成任务数: </span>
              <span class="expand-value">{{ row.complete }}</span>
            </Col>
            <Col span="3">
              <span class="expand-key">剩余任务数: </span>
              <span class="expand-value">{{ row.surplus }}</span>
            </Col>
            <Col span="3">
              <span class="expand-key">批次创建时间: </span>
              <span class="expand-value">{{ row.time }}</span>
            </Col>
            <Col span="5">
              <span class="expand-key">操作人员数: </span>
              <span class="expand-value">{{ row.operator }}</span>
              <a v-if="row.operator" style="margin-left:10px;color:#3A64FF" @click="getOperator">查看详情</a>
              <a v-else class="expand-value" style="color:#3A64FF;margin-left:10px" @click="getOperator">点击配置</a>
            </Col>
        </Row>
    </div>
</template>
<script>
    export default {
        name: 'table-expand',
        props: {
            row: Object
        },
        methods: {
          getOperator () {
            this.$emit('getOperator',this.row.id)
          }
        }
    };
</script>
